<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <title>Document</title>
</head>
<body>
  <form id="myForm">
    <label for="select1">所在道路：</label>
    <select id="select1" class="search-select">
      <option value="Option 1">选项1</option>
      <option value="Option 2">选项2</option>
      <option value="Option 3">选项3</option>
    </select>
    
    <br>
    
    <label for="select2">选择器2：</label>
    <select id="select2" class="search-select">
      <option value="Option 4">选项4</option>
      <option value="Option 5">选项5</option>
      <option value="Option 6">选项6</option>
    </select>
    
    <br>
    
    <label for="select3">选择器3：</label>
    <select id="select3" class="search-select">
      <option value="Option 7">选项7</option>
      <option value="Option 8">选项8</option>
      <option value="Option 9">选项9</option>
    </select>
    
    <br>
    
    <label for="select4">选择器4：</label>
    <select id="select4" class="search-select">
      <option value="Option 10">选项10</option>
      <option value="Option 11">选项11</option>
      <option value="Option 12">选项12</option>
    </select>
    
    <br>
    
    <label for="input1">输入框1：</label>
    <input type="text" id="input1">
    
    <br>
    
    <label for="input2">输入框2：</label>
    <input type="text" id="input2">
    
    <br>
    
    <button type="submit">提交</button>
  </form>
</body>
<script>
 $(function() {
  $('#myForm').submit(function(e) {
    e.preventDefault();
    var select1Val = $('#select1').val();
    var select2Val = $('#select2').val();
    var select3Val = $('#select3').val();
    var select4Val = $('#select4').val();
    var input1Val = $('#input1').val();
    var input2Val = $('#input2').val();
    
    // 在这里可以处理提交的表单数据
    
    console.log('选择器1的值：', select1Val);
    console.log('选择器2的值：', select2Val);
    console.log('选择器3的值：', select3Val);
    console.log('选择器4的值：', select4Val);
    console.log('输入框1的值：', input1Val);
    console.log('输入框2的值：', input2Val);
  });
  
  // 可搜索选择器
  // $('.search-select').select2();
});
</script>
</html>